<template>
  <div>
    <h2>zs的组件</h2>
    <p>state:{{ c }}</p>
    <p>getters: {{ bigC }}</p>
    <button @click="add(2)">+</button>
  </div>
</template>

<script>
import { mapState, mapGetters, mapActions } from 'vuex'
export default {
  computed: {
    // 由于使用了modules(vuex的模块化)数据结构发生了变化,我们给每一个模块开启了命名空间,在map的时候,就应该声明是从哪个模块中获取数据
    ...mapState('zs', ['c']),
    ...mapGetters('zs', ['bigC']),
  },
  methods: {
    ...mapActions('zs', ['add']),
  },
}
</script>

<style></style>
